<template>
    <div class="background-fff position-r" :style="{minHeight:bodyHeight + 'px'}">     
        <img class="fr close-img" src="../assets/image/detail/icon_close_gray@2x.png" alt="" @click="toIndex()">        
        <div class="login-box-top">
            <van-row type="flex" justify="center">
                <van-col class="text-align-c" span="12">
                    <img src="../assets/image/login-banner.png" alt="">
                </van-col>
            </van-row>
            <!-- <van-row type="flex" justify="center">
                <van-col class="text-align-c" span="12">
                    <span class="login-title font-3">简单约完不在让你孤单</span>
                </van-col>
            </van-row> -->
        </div>
        <div class="login-box-bottom">
             <van-row type="flex" justify="center">
                <van-col span="18" class="login-phone-box">
                    <label>手机号</label>
                    <input type="number" maxlength="11" class="font-3" placeholder="请输入11位手机号码" v-model="phone">
                </van-col>
            </van-row>
            <van-row type="flex" justify="center" class="login-yzm">
                <van-col span="18" class="login-phone-box position-r">
                    <label>验证码</label>
                    <input type="number" placeholder="请输入验证码" v-model="phoneYzm">
                     <span class="out-yzm-select text-align-c" @click="yzmSong()" v-if="isShow">{{btntxt}}</span>
                    <span class="out-yzm text-align-c" @click="yzmSong()" v-else>{{btntxt}}</span>                   
                </van-col>
            </van-row>
            <van-row type="flex" justify="center" class="login-yzm">
                <van-col span="18" class="login-phone-box-button position-r">
                    <span class="text-align-c" @click="login">登录</span>
                </van-col>
            </van-row>
        </div>
        <!-- <div class="other-login">
            <div class="other-login-box position-r text-align-c">
                <dl class="clearfix">
                    <dt>
                        <span class="title_line fl"></span>
                        <h1 class="fl font-3">其它方式登录</h1>
                        <span class="title_line fl"></span>
                    </dt>
                </dl>
                <van-row type="flex" class="login-wx-qq" justify="space-between">
                    <van-col span="24" class="text-align-c">
                        <div @click="wxLogin()">
                            <img src="../assets/image/icon_wx_login.png" alt="">
                        </div>                        
                    </van-col>
                    <van-col span="11" class="text-align-l">
                        <img src="../assets/image/icon_qq_login.png" alt="">
                    </van-col>
                </van-row> 
            </div>
        </div> -->
        <div class="text-align-c font-2 login-xy">
            登录既代表同意<em class="color-default" @click="czxy = !czxy">《简单竞戈用户协议》</em>
        </div>
        <van-popup v-model="czxy" position="right" :overlay="false">
            <div class="czxy-style" @click="czxy = !czxy">
                <div>
                    <h2>特别提示</h2>  
                    <p>西咸新区简单竞戈有限公司（以下简称“简单竞戈”）再次特别提醒您（用户）在注册成为用户之前，请认真阅读本《用户协议》（以下简称“协议”），确保您充分理解本协议中各条款。请您审慎阅读并选择接受或不接受本协议。除非您接受本协议所有条款，否则您无权注册、登录或使用本协议所涉服务。您的注册、登录、使用等行为将视为对本协议的接受，并同意接受本协议各项条款的约束。</p>

                    <p>本协议约定简单竞戈与用户之间关于“简单竞戈”软件服务（以下简称“服务”）的权利义务。“用户”是指注册、登录、使用本服务的个人。本协议可由简单竞戈随时更新，更新后的协议条款一旦公布即代替原来的协议条款，恕不再另行通知。在简单竞戈修改协议条款后，如果用户不接受修改后的条款，请立即停止使用简单竞戈提供的服务，用户继续使用简单竞戈提供的服务将被视为接受修改后的协议。</p>

                    <h3>一、账号注册</h3>
                    <p>1、用户在使用本服务前需要注册一个“简单竞戈”账号。“简单竞戈”账号应当使用手机号码绑定注册，请用户使用尚未与“简单竞戈”账号绑定的手机号码。以及未被简单竞戈根据本协议封禁的手机号码注册“简单竞戈”账号。简单竞戈可以根据用户需求或产品需求对账号注册和绑定的方式进行更改，而无须事先通知用户。</p>

                    <p>2、用户确认，用户成功注册简单竞戈会员账号视为确认授权简单竞戈提取、使用用户信息。</p>

                    <p>3、在用户注册及使用本服务时，简单竞戈需要搜集能识别用户身份的个人信息以便简单竞戈可以在必要时联系用户，或为用户提供更好的使用体验。简单竞戈搜集的信息包括但不限于用户的姓名、性别、出生日期、身份证号、学校情况、公司情况、所属行业、城市、常玩游戏、个性签名；简单竞戈同意对这些信息的使用将受限于第三条用户个人隐私信息保护的约束。</p>
                    <h3>二、服务内容</h3>
                    <p>本服务的具体内容由简单竞戈根据实际情况提供，包括但不限于授权用户通过其他账号进行即时通讯、添加好友、加入群组、关注他人、发布动态。简单竞戈可以对其提供的服务予以变更，且简单竞戈提供的服务内容可能随时变更；用户将会收到简单竞戈关于服务变更的通知。</p>

                    <h3>三、隐私政策</h3>
                    <p>1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用本服务或在使用本服务的过程中收到的限制。</p>

                    <p>2、个人隐私信息是指涉及用户个人身份或个人隐私的信息，比如，用户真实姓名、身份证、手机号码、手机设备识别码、IP地址、用户聊天记录、会员卡号。非个人隐私信息是指用户对本服务的操作状态以及使用习惯等明确且客观反映在简单竞戈服务器端的基本记录信息、个人隐私信息范围外的其他普通信息，以及用户同意公开的上述隐私信息。</p>

                    <p>3、尊重用户个人隐私信息的私有性是简单竞戈的一贯制度，简单竞戈将采取技术措施或其他必要措施，确保用户个人隐私信息安全，防止在本服务中收集的用户个人隐私信息泄露、毁损或丢失。在发生前述情形的可能时，将及时采取补救措施。</p>

                    <p>4、简单竞戈未经用户同意不向任何第三方公开、透露用户个人隐私信息。但以下特定情形除外：</p>

                    <p class="subTreaty">1)、简单竞戈根据法律法规规定或有权机关的指示提供用户的个人隐私信息；</p>

                    <p class="subTreaty">2)、由于用户将其用户密码告知他人或与他人共享注册账号与密码，由此导致的任何个人信息的泄露，或其他非因简单竞戈原因导致的个人隐私信息的泄露；</p>

                    <p class="subTreaty">3)、用户自行向第三方公开其个人隐私信息；</p>

                    <p class="subTreaty">4)、用户与简单竞戈及合作单位之间就用户个人隐私信息的使用公开达成约定，简单竞戈此向合作单位公开用户个人隐私信息；</p>

                    <p class="subTreaty">5)、任何由于黑客攻击、电脑病毒侵入及其他不可抗力事件导致用户个人隐私信息的泄露；</p>

                    <p>5、用户同意简单竞戈可在以下事项中使用用户的个人隐私信息：</p>

                    <p class="subTreaty">1)、简单竞戈向用户及时发送重要通知，如软件更新，本协议条款的变更；</p>

                    <p class="subTreaty">2)、简单竞戈内部进行审计、数据分析和研究等，已改进简单竞戈的产品，服务和与用户之间的沟通；</p>

                    <p class="subTreaty">3)、依本协议约定，简单竞戈管理、审核用户信息及进行处理措施；</p>

                    <p class="subTreaty">4)、适用法律法规规定的其他事项；</p>

                    <p>除上述事项外，如未取得用户事先同意，简单竞戈不会将用户个人隐私信息适用于任何其他用途。</p>

                    <p>6、简单竞戈重视对未成年人个人隐私信息的保护。简单竞戈将依赖用户提供的个人信息判断用户是否为未成年人。任何18岁以下的未成年人注册账号或使用本服务应事先取得家长或其法定监护人（以下简称“监护人”）的书面同意。除根据法律法规的规定及有权机关的指示披露外，简单竞戈不会使用向任何第三方透露未成年人的聊天记录及其他个人隐私信息。除本协议约定的例外情形外，未经监护人事先同意，简单竞戈不会使用向任何第三方透露未成年人的个人隐私信息。</p>

                    <p>7、用户确认，其地理位置信息为非个人隐私信息，用户成功注册“简单竞戈”账号视为确认授权简单竞戈提取、公开及使用用户的地理位置信息。用户地理位置信息将作为用户公开资料之一，由简单竞戈向其他用户公开。如用户需终止向其他用户公开其地理位置信息，可随时自行设置手机隐私。</p>

                    <p>8、为了改善简单竞戈的技术和服务，向用户提供更好的服务体验，简单竞戈或会自行收集使用或向第三方提供用户的非个人隐私信息。</p>

                    <p>9. 为了给用户提供更加个性化的服务、提升用户的使用体验，简单竞戈会根据用户在应用内的消费、收入情况进行排名并制作排行榜。该排行榜将在应用内进行展示，但不会直接涉及用户的消费、收入金额等其他应予以保护的个人隐私。排行榜的展示目的仅在于增加娱乐性、提升用户的社交体验.</p>
                    <h3>四、内容规范</h3>
                    <p>1、本条所述内容是指用户使用本服务过程中所制作、上载、复制、发布、传播的任何内容，包括但不限于账号头像、名称、个性签名等注册信息及认证资料，或文字，语音，图片、图文等发送、回复消息和相关链接页面，以及其他使用账号或本服务所产生的内容。</p>

                    <p>2、用户不得利用“简单竞戈”账号或本服务制作、上载、复制、发布、传播如下法律、法规和政策禁止的内容：</p>

                    <p class="subTreaty">1)、反对宪法所确定的基本原则的；</p>

                    <p class="subTreaty">2)、危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</p>

                    <p class="subTreaty">3)、损害国家荣誉和利益的；</p>

                    <p class="subTreaty">4)、煽动民族仇恨、民族歧视，破坏民族团结的；</p>

                    <p class="subTreaty">5)、破坏国家宗教政策，宣扬邪教和封建迷信的；</p>

                    <p class="subTreaty">6)、散布谣言，扰乱社会秩序，破坏社会稳定的；</p>

                    <p class="subTreaty">7)、散步淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</p>

                    <p class="subTreaty">8)、侮辱或者诽谤他人，侵害他人合法权益的；</p>

                    <p class="subTreaty">9)、含有法律、行政法规禁止的其他内容的信息；</p>

                    <p>3、用户不得利用“简单竞戈”账号或本服务制作、上载、复制、发布、传播下干扰“简单竞戈”正常运营，以及侵犯其他用户或第三方合作权益的内容：</p>

                    <p class="subTreaty">1)、含有任何性暗示的；</p>

                    <p class="subTreaty">2)、含有辱骂、恐吓、威胁内容的；</p>

                    <p class="subTreaty">3)、含有骚扰、垃圾广告、恶意信息、诱骗信息的；</p>

                    <p class="subTreaty">4)、涉及他人隐私、个人信息或资料的；</p>

                    <p class="subTreaty">5)、侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的；</p>

                    <p class="subTreaty">6)、含有其他干扰本服务正常运营和侵犯其他用户或第三方合法权益内容的信息；</p>

                    <p class="subTreaty">4、基于上述规范，若在用户聊天内容中发现以下行为，一经发现立即封号，永不解封：</p>

                    <p>注：1.本平台有人工客服24小时巡视，如发现以上违规内容将会在24小时内做出相应处理，包含但不限于以上处理措施及规则。</p>

                    <p>2.若您不想再接收该用户的任何消息，可将其拉黑。操作方式:在该用户的个人主页右上角点击“更多”，选择“拉黑”。</p>

                    <p>3.举报方式：若您发现任何用户有以上违规行为，可在与该人的聊天界面右上角点击“个人主页”，进入后在其个人主页右上角点击“更多”，选择举报即可提交。</p>

                    <h3>五、使用规则</h3>
                    <p>1、用户在本服务中或通过本服务所传送、发布的任何内容并不反映或代表，也不得被视为反映或代表简单竞戈的观点、立场或政策，简单竞戈对此不承担任何责任。</p>

                    <p>2、用户不得利用“简单竞戈”账号或本服务进行如下行为：</p>

                    <p class="subTreaty">1)、提交、发布虚假信息、或盗用他人头像或资料，冒充、利用他人名义的；</p>

                    <p class="subTreaty">2)、强制、诱导其他用户关注、点击链接页面或分享信息的；</p>

                    <p class="subTreaty">3)、虚构事实、隐瞒真相以误导、欺骗他人的；</p>

                    <p class="subTreaty">4)、利用技术手段批量建立虚假账号的；</p>

                    <p class="subTreaty">5)、利用“简单竞戈”账号或本服务从事任何犯罪活动的；</p>

                    <p class="subTreaty">6)、制作、发布于以上行为相关的方法、工具，或对此类方法、工具进行运营或传播，无论这些行为是否为商业目的；</p>

                    <p class="subTreaty">7)、其他违法法律法规规定、侵犯其他用户合法权益、干扰“简单竞戈”正常运营或简单竞戈未明示授权的行为；</p>

                    <p>3、用户须对利用“简单竞戈”账号或本服务传送信息的真实性、合法性、无害性、准确性、有效性等全权负责，与用户所传播信息相关的任何法律责任由用户自行承担，与简单竞戈无关。如因此给简单竞戈或第三方造成损害的，用户应当依法予以赔偿。</p>

                    <h3>六、账户管理</h3>
                    <p>1、“简单竞戈”账户的所有权归简单竞戈所有，用户完成申请注册手续后，获得“简单竞戈”账号的使用权，该使用权输入初始申请注册人，禁止赠与、借用、租用、转让或售卖。简单竞戈因经营需要，有权回收用户的“简单竞戈”账户。</p>

                    <p>2、用户可以更改、删除“简单竞戈”账户上的个人资料、注册信息及传送内容等。但需注意，删除有关信息的同时也会删除用户储存在系统中的文字和图片。用户需承担风险。</p>

                    <p>3、用户有责任妥善保管注册账户信息及账号密码的安全，因用户保管不善可能导致遭受盗号或密码失窃，责任由用户自行承担。用户需要对注册账号以及密码下的行为承担法律责任。用户同意在任何情况下不使用其他用户的账号或密码。在用户怀疑他人使用其账号或密码时，用户同意立即通知简单竞戈。</p>

                    <p>4、用户应遵守本协议的各项条款，正确、适当地使用本服务，如因用户违反本协议中的任何条款，简单竞戈在通知用户后有权依据协议中断或终止对违约用户的“简单竞戈”账号提供服务。同时，简单竞戈保留在任何时候收回“简单竞戈”账号的权利。</p>

                    <p>5、如用户注册“简单竞戈”账户后多年不登陆，通知用户后，简单竞戈可以收回该账号，以免造成资源浪费，由此造成的不利后果由用户自行承担。</p>

                    <h3>七、数据储存</h3>
                    <p>1、简单竞戈不对用户在本服务中相关数据的删除或储存失败负责。</p>

                    <p>2、简单竞戈可以根据实际情况自行决定用户在本服务中数据的最长储存期限，并在服务器上为其分配数据最大的存储空间等。用户根据自己的需要自行备份本服务中的相关数据。</p>

                    <p>3、如用户停止使用本服务或本服务终止，简单竞戈可以从服务器上永久删除用户的数据。本服务停止，终止后，简单竞戈没有义务向用户返回任何数据。</p>

                    <h3>八、风险承担</h3>
                    <p>1、用户理解并同意，“简单竞戈”仅为用户提供信息分享、传送及获取的平台，用户必须为自己注册账号下的一切行为负责，包括用户所传送的任何内容以及由此产生的任何后果。用户应对“简单竞戈”及本服务中的内容自行加以判断，并承担因使用内容而引起的所有风险，包括因对内容的正确性、完整性或实用性的依赖而产生的风险。简单竞戈无法且不会对因用户行为而导致的任何损失或损害承担责任。如果用户发现任何人违反本协议约定或以其他不当的方式使用本服务，请立即向简单竞戈举报或投诉，简单竞戈将依本协议约定进行处理。</p>

                    <p>2、用户理解并同意，因业务发展需要，简单竞戈保留单方面对本服务的全部或部分服务内容变更、暂停、终止或撤销的权利，用户需承担此风险。</p>

                    <h3>九、知识产权声明</h3>
                    <p>1、除本服务中涉及广告的知识产权由相应广告商享有外，简单竞戈在本服务中提供的内容（包括但不限于网页、文字、图片、音频、视频、图表等）的知识产权均归简单竞戈所有，但用户在使用本服务前对自己发布的内容已合法取得知识产权的除外。</p>

                    <p>2、除另有特别声明外，简单竞戈提供本服务时所依托软件的著作权、专利权及其他知识产权均归简单竞戈所有。</p>

                    <p>3、简单竞戈在本服务中所涉及的图形、文字或其组成，以及其他简单竞戈标志及产品、服务名称（以下统称“简单竞戈标识”），其著作权或商标权归简单竞戈所有。未经简单竞戈事先书面同意，用户不得将简单竞戈标识以任何方式展示或使用或作其他处理，也不得向他人表明用户有权展示、使用、或其他有权处理简单竞戈标识的行为。</p>

                    <p>4、上述及其他任何与简单竞戈或相关广告商依法拥有的知识产权均受到法律保护，未经简单竞戈或相关广告商书面许可，用户不得以任何形式进行使用或创造相关衍生作品。</p>
                    <h3>十、法律责任</h3>
                    <p>1、如果简单竞戈发现或受到他人举报或投诉用户违反本协议的约定的，简单竞戈有权不经通知随时对相关内容。包括但不限于用户资料、聊天记录进行审查、删除。并视情节轻重对违规账号处以包括但不限于警告、账号封禁、设备封禁、功能封禁的处罚，且通知用户处理结果。</p>

                    <p>2、用户理解并同意，简单竞戈有权依合理判断对违反有关法律法规或本协议规定的行为进行处罚，对违法违规的任何用户采取适当的法律行动，并依据法律法规保存有关信息向有关部门报告等，用户应承担由此产生的一切法律责任。</p>

                    <p>3、用户理解并同意，因用户违法本协议约定，导致或产生的任何第三方主张的任何索赔、要求或损失，包括合理的律师费，用户应当赔偿简单竞戈与合作公司、关联公司、并使之免收损。</p>

                    <h3>十一、不可抗力及其他免责事由</h3>
                    <p>1、用户理解并确认，在使用本服务的过程中，可能会遇到不可抗力等风险因素，使本服务发生中断。不可抗力是指不能预见、不能克服并不能避免且对一方或双方造成重大影响的客观事件，包括但不限于自然灾害如洪水、地震、瘟疫流行和风暴等以及社会事件如战争、动乱、政府行动等。出现上述情况时。简单竞戈将努力在第一时间与相关单位配合，及时进行修复，但是由此给用户或第三方造成的损失，简单竞戈及合作单位在法律允许的范围内免责。</p>

                    <p>2、本服务同大多数互联网服务一样，受包括但不限于用户原因、网络服务质量、社会环境等因素的差异影响，可能受到各种安全问题的侵扰，如他人利用用户的资料，造成现实生活中的骚扰；用户下载安装的其它软件或访问的其他网站中含有“特洛伊木马”等病毒，威胁到用户的计算机信息和数据的安全，继而影响本服务的正常使用等等。用户应加强信息安全及使用者资料的保护意识，要注意加强密码保护，以免遭致损失和骚扰。</p>

                    <p>3、用户理解并确认，本服务存在因不可抗力、计算机病毒或黑客攻击、系统不稳定、用户所在位置、用户关机以及其他任何技术、互联网络、通信线路原因等造成的服务中断或不能满足用户要求的风险，因此导致的用户或第三方任何损失，简单竞戈不承担任何责任。</p>

                    <p>4、用户理解并确认，在使用本服务过程中存在来自任何他人的包括误导性的、欺骗性的、威胁性的、诽谤性的、令人反感的或非法的信息，或侵犯他人权利的匿名或冒名的信息，以及伴随该等信息的行为，因此导致的用户或第三方的任何损失，简单竞戈不承担任何责任。</p>

                    <p>5、用户理解并确认，简单竞戈需要定期或不定期地对“简单竞戈”平台或相关的设备进行检修或者维护，如因此类情况而造成服务在合理时间内的中断，简单竞戈无需为此承担任何责任，但简单竞戈应事先进行通告。</p>

                    <p>6、简单竞戈依据法律法规、本协议约定获得处理违法违规或违约内容的权利，该权利不构成简单竞戈的义务或承诺，简单竞戈不能保证及时发现违法违规或违约行为或进行相应处理。</p>

                    <p>7、用户理解并确认，对于简单竞戈向用户提供的下列产品或者服务的质量缺陷及其引发的任何损失，简单竞戈无需承担任何责任：</p>

                    <p>8、在任何情况下，简单竞戈均不对任何间接性、后果性、惩罚性、偶然性、特殊性或刑罚性的损害，包括因用户使用“简单竞戈”或本服务而遭受的利润损失，承担责任（即使简单竞戈已被告知该等损失的可能性亦然）。尽管本协议中可能含有相悖的规定，简单竞戈对用户承担的全部责任，无论因何原因或何种行为方式，始终不超过用户因使用简单竞戈提供的服务而支付给简单竞戈的费用(如有)。</p>

                    <h3>十二、服务的变更、中断、终止</h3>
                    <p>1、鉴于网络服务的特殊性，用户同意简单竞戈有权随时变更、中断或终止部分或全部的服务（包括收费服务）。简单竞戈变更、中断或终止的服务，简单竞戈应当在变更、中断或终止之前通知用户，并应向受影响的用户提供等值的替代性的服务。</p>

                    <p>2、如发生下列任何一种情形，简单竞戈有权变更、中断或终止向用户提供的免费服务或收费服务，而无需对用户或任何第三方承担任何责任：</p>

                    <p class="subTreaty">1)、根据法律规定用户应提交真实信息，而用户提供的个人资料不真实、或与注册时信息不一致又未能提供合理证明；</p>

                    <p class="subTreaty">2)、用户违反相关法律法规或本协议的约定；</p>

                    <p class="subTreaty">3)、按照法律规定或有权机关的要求；</p>

                    <p class="subTreaty">4)、出于安全的原因或其他必要的情形。</p>

                    <h3>十三、其他</h3>
                    <p>1、简单竞戈郑重提醒用户注意本协议中免除简单竞戈责任和限制用户权利的条款，请用户仔细阅读，自主考虑风险。未成年人应在法定监护人的陪同下阅读本协议。</p>

                    <p>2、本协议的效力、解释及纠纷的解决，适用于中华人民共和国法律。若用户和简单竞戈之间发生任何纠纷或争议，首先应友好协商解决，协商不成的，用户同意将纠纷或争议提交简单竞戈住所地有管辖权的人民法院管辖。</p>

                    <p>3、本协议的任何条款无论因何种原因无效或不具可执行性，其余条款仍有效，对双方具有约束力。</p>
                </div>
            </div>
        </van-popup>
    </div>
</template>
<script>
import { Toast } from 'vant'
import apiHttp from '../api/index.js'
export default {
    data(){
        return{
            phone:'',
            time:0,
            btntxt:'发送验证码',
            bodyHeight:'',
            phoneYzm:'',
            czxy:false,
            app:'',
            auths:[],
            userobj:{},
            isShow:false
        }
    },
    created(){
        window.wxLoginYw = this.wxLoginYw
    },
    mounted(){
        let self = this
        this.bodyHeight = document.body.clientHeight
        if(this.$route.query.code != undefined){
            this.login()
        }
        if(window.plus){
            mui.plusReady(function() {  
                plus.oauth.getServices(function(services) {
                    self.auths = services;
                }, function(e) {
                    alert("获取登录服务列表失败：" + e.message + " - " + e.code);
                });
            })
        }
    },
    methods:{
        
        //  发送验证码
        yzmSong(){
            if(this.btntxt == '发送验证码' || this.btntxt == '获取验证码'){
                let reg=11 && /^((13|14|15|17|18)[0-9]{1}\d{8})$/
                if(this.phone==''){
                    Toast('请输入手机号码')
                }else if(!reg.test(this.phone)){
                    Toast('手机格式不正确')
                }else{
                    this.time = 60
                    apiHttp.apiLogin.yzm(this.phone,'',resp=>{
                        if(resp.code == 200){                          
                            Toast('验证码发送成功')
                        }
                    })
                    this.timer()
                }  
            }
        },
        timer() {
            if (this.time > 0) {
                this.time--
                this.btntxt=this.time+"s后重新获取"
                this.isShow = true;
                setTimeout(this.timer, 1000)
            } else{
                this.time = 0
                this.btntxt = "获取验证码"
                this.isShow = false;
            }
        },
        getUser(){      //获取用户的个人信息 (0、未知，1、男，2、女，3、女改男，4、男改女，5、其他 )                                                    
            apiHttp.apiCenter.detail('',resp=>{
                this.userobj = resp;
                if(this.userobj.sex==5){
                    this.$router.push({
                        name:'sex'
                    })
                }else{
                    this.$router.push({
                        name:'index'                                                    
                    })
                }                                                                                                                                                                                              
            })                                                                                                     
        },
        login(){
            let parmes = {}
            if(this.$route.query.code != undefined){
                parmes.code = this.$route.query.code
                parmes.type = 12
            }else{
                parmes.phone = this.phone
                parmes.code = this.phoneYzm
            }
            apiHttp.apiLogin.login(parmes,resp=>{
                if(resp.code == 200){
                    this.$store.state.token = resp.data
                    localStorage.setItem('token',resp.data)
                    this.getUser()                                      
                }else{
                    Toast(resp.message)
                }
            })
        },
        wxLogin(){
            // let seft = this
            // var s;
            // for (var i = 0; i < seft.auths.length; i++) {
            //     if(seft.auths[i].id == "weixin"){
            //         s = seft.auths[i];
            //         break;
            //     }
            // }
            // if (!s.authResult) {
            //     s.login(function(e) {
            //         mui.toast("登录认证成功！");
            //         seft.authUserInfo();
            //     }, function(e) {
            //         mui.toast("登录认证失败！");
            //     });
            // } else {
            //     mui.toast("已经登录认证！");
            // }
            if(this.$store.state.iosTrue == true){
                window.webkit.messageHandlers.wxAppLogin.postMessage('')
            }else{
                window.location.href = `https://open.weixin.qq.com/connect/qrconnect?appid=wx2533aacf8ed1c076&redirect_uri=http%3a%2f%2fwww.jdyuewan.net/wap/login&response_type=code&scope=snsapi_login&state=38315ff8767e77c485ab08ad26448a69#wechat_redirect` 
            }
        },
        // 微信登录认证信息
        authUserInfo() {
            let seft = this
            var s;
            for (var i = 0; i < seft.auths.length; i++) {
                s = seft.auths[i];
                break;
            }
            if (!s.authResult) {
                mui.toast("未授权登录！");
            } else {
                s.getUserInfo(function(e) {
                    var josnStr = JSON.stringify(s.userInfo);
                    var jsonObj = s.userInfo;
                    console.log("获取用户信息成功：" + josnStr);
                    seft.wxLoginYw(jsonObj)
                    // showData(type,jsonObj);
                    // self.authLogout();
                }, function(e) {
                    alert("获取用户信息失败：" + e.message + " - " + e.code);
                });
            }
        },
        //不登录进入首页
        toIndex(){
            this.$router.push({
                name:'index'
            });
        },
        wxLoginYw(parmes){
            let par = {}
            if(typeof(parmes) == 'string'){
                par = JSON.parse(parmes)
            }else{
                par = parmes
            }
            apiHttp.apiLogin.wxLoginYw(par.openid,par,resp=>{
                if(resp.code == 200){
                    this.$store.state.token = resp.data
                    localStorage.setItem('token',resp.data)
                    this.$router.push({
                        name: 'index'
                    })
                }else{
                    Toast(resp.message)
                }
            })
        }
    }
}
</script>

<style scoped>
.close-img{
    width: .8rem;
    position: absolute;
    right: .6rem;
    top: .6rem;
    z-index: 100;
}
.login-box-top{
    padding-top: 3.5rem;
}
.login-title{
    height: .8rem;
    display: inline-block;
    line-height: .8rem;
    letter-spacing: .1rem;
}
.login-box-bottom{
    margin-top: 1.5rem;
}
.login-phone-box label{
    width: calc(100% - .6rem);
    height: 1rem;
    line-height: 1rem;
    display: block;
    padding-left: .6rem; 
    font-size: .52rem;
}
.login-phone-box input{
    width: calc(100% - .6rem);
    height: 1.76rem;
    line-height: 1.76rem;
    background-color: #f0f0f0;
    border:none;
    border-radius: 6rem;
    padding-left: .6rem; 
    font-size: .52rem;
}
.login-phone-box input::-webkit-input-placeholder{
    color: #bbbbbb;
}
.login-yzm{
    padding-top: 1.2rem;
}

.out-yzm-select{
   position: absolute;
    right: 0;
    top: 1rem;
    height: 1.76rem;
    line-height: 1.76rem;
    color: #fff;
    background-color: #cccccc;
    font-size: .52rem;
    border-radius: 0 6rem 6rem 0;
    padding: 0 .3rem;
    cursor: pointer;
    width: 3rem;
}
.out-yzm{
    position: absolute;
    right: 0;
    top: 1rem;
    height: 1.76rem;
    line-height: 1.76rem;
    color: #fff;
    background-color: #d84e4d;
    font-size: .52rem;
    border-radius: 0 6rem 6rem 0;
    padding: 0 .3rem;
    cursor: pointer;
    width: 3rem;
}
.login-phone-box-button span{
    width: 100%;
    height: 1.76rem;
    line-height: 1.76rem;
    background-color: #d84e4d;
    border:none;
    border-radius: 6rem;
    font-size: .6rem;
    color: #fff;
    margin-top: 1.6rem;
    display: block;
}
.other-login{
    /* position: absolute; */
    width: calc(100% - 1.2rem);
    padding: 0 .6rem;
    height: 4rem;
    /* left: 0;
    bottom: 0; */
    z-index: 99;
    margin-top: 4rem;
}
.other-login-box{
    width: 100%;
    height: 3.96rem;
}
.other-login-box img{
    width: 1.5rem;
}
/* .login-wx-qq{
    margin-top:.7rem;
} */
.other-span{
    color: #999;
    font-size: .4rem;
    background-color: #fff;
    position: absolute;
    top: -0.35rem;
    width: 3.2rem;
    display: inline-block;
    left: calc(50% - 1.6rem);
}
.title_line{
    height: 1px;
    width: 35%;
    background-color: #eee;
    vertical-align: middle;
}
h1{
    width: 30%;
    float: left;
    font-size: .6rem;
    color: #999;
    text-align: center;
    line-height: .6rem;
    vertical-align: middle;
    margin-top: -.2rem;
}
.login-xy{
    position: absolute;
    left: 0;
    bottom: .4rem;
    width: 100%;
    color: #999;
}
.czxy-style{
    padding: .6rem;
    text-align: center;
}
p{
    text-align: left;
    line-height: 0.9rem;
    text-indent:1rem;
}
.subTreaty{
    text-indent:1.5rem;
    line-height: 0.9rem;
}
</style>

